import React, { Component } from 'react'
import {
    View,
    StyleSheet,
    Text,
    SafeAreaView,
    TouchableOpacity, Image,
} from 'react-native';
import NavigationHeader from '../../common/NavigationHeader/NavigationHeader'

export default class TestDetailPage extends Component {

    constructor(props) {
        super(props);
        this.state = {
            name: '', // 名字

        };

    }


    componentDidMount() {
        // 加载

    }
    componentWillUnmount() {
        // 销毁
    }

    render() {
        const { title } = this.props.route.params
        return (
            <View style={styles.container}>
                {this.renderHeader()}
                <SafeAreaView style={styles.container}>
                    <View style={styles.button} >
                        <Text >{title}</Text>
                    </View>
                </SafeAreaView>
            </View>
        )
    }
    renderHeader() {
        return (
            <NavigationHeader navigation={this.props.navigation} titleText={'测试详情'} />
        )
    }
}


const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#E2E2E2',
        justifyContent: 'center',
        alignItems: 'center',
    },
    button: {
        width: 100,
        height: 50,
        backgroundColor: '#FFFF00',
        justifyContent: 'center',
        alignItems: 'center',
        marginBottom: 10,
    }

});
